﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="js/ga.js" async="" type="text/javascript"></script>
    <script type="text/javascript">        var NREUMQ = NREUMQ || []; NREUMQ.push(["mark", "firstbyte", new Date().getTime()]);</script>
    <title>Salubridad del agua - Region</title>
    <meta name="viewport" content="width=device-width; initial-scale=1.0">
    <meta name="description" content="Default Description">
    <meta name="keywords" content="Magento, Varien, E-commerce">
    <meta name="robots" content="INDEX,FOLLOW">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
    <link href="css/css_003.css" rel="stylesheet" type="text/css">
    <link href="css/css.css" rel="stylesheet" type="text/css">
    <link href="css/css_002.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/jquery-1.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/superfish.js"></script>
    <script type="text/javascript" src="js/jquery_004.js"></script>
    <script type="text/javascript" src="js/jquery_002.js"></script>
    <script type="text/javascript" src="js/easyTooltip.js"></script>
    <script type="text/javascript" src="js/jquery_005.js"></script>
    <script type="text/javascript" src="js/jquery_003.js"></script>
    <!--[if lt IE 7]>
<script type="text/javascript">
//<![CDATA[
    var BLANK_URL = 'http://livedemo00.template-help.com/magento_42968/js/blank.html';
    var BLANK_IMG = 'http://livedemo00.template-help.com/magento_42968/js/spacer.gif';
//]]>
</script>
<![endif]-->
    <!--[if lt IE 9]>
<div style=' clear: both; text-align:center; position: relative;'>
 <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a>
</div>
<![endif]-->
    <!--[if lt IE 9]>
	<style>
	body {
		min-width: 960px !important;
	}
	</style>
<![endif]-->
    <!--<link rel="stylesheet" type="text/css" href="css/styles.css" media="all">
    <link rel="stylesheet" type="text/css" href="css/responsive.css" media="all">
    <link rel="stylesheet" type="text/css" href="css/superfish.css" media="all">
    <link rel="stylesheet" type="text/css" href="css/camera.css" media="all">
    <link rel="stylesheet" type="text/css" href="css/widgets.css" media="all">
    <link rel="stylesheet" type="text/css" href="css/cloud-zoom.css" media="all">
    <link rel="stylesheet" type="text/css" href="css/print.css" media="print">
    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/ccard.js"></script>
    <script type="text/javascript" src="js/validation.js"></script>
    <script type="text/javascript" src="js/builder.js"></script>
    <script type="text/javascript" src="js/effects.js"></script>
    <script type="text/javascript" src="js/dragdrop.js"></script>
    <script type="text/javascript" src="js/controls.js"></script>
    <script type="text/javascript" src="js/slider.js"></script>
    <script type="text/javascript" src="js/js.js"></script>
    <script type="text/javascript" src="js/form.js"></script>
    <script type="text/javascript" src="js/translate.js"></script>
    <script type="text/javascript" src="js/cookies.js"></script>
    <script type="text/javascript" src="js/cloud-zoom.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/msrp.js"></script>-->
    <link rel="stylesheet" type="text/css" href="css/styles.css" media="all">
    <link rel="stylesheet" type="text/css" href="css/responsive.css" media="all">
    <link rel="stylesheet" type="text/css" href="css/superfish.css" media="all">
    <link rel="stylesheet" type="text/css" href="css/camera.css" media="all">
    <link rel="stylesheet" type="text/css" href="css/widgets.css" media="all">
    <link rel="stylesheet" type="text/css" href="css/cloud-zoom.css" media="all">
    <link rel="stylesheet" type="text/css" href="css/print.css" media="print">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
    <script type="text/javascript" src="js/superfish.js"></script>
    <script type="text/javascript" src="js/ccard.js"></script>
    <script type="text/javascript" src="js/builder.js"></script>
    <script type="text/javascript" src="js/cookies.js"></script>
    <script type="text/javascript" src="js/cloud-zoom.js"></script>
    <!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="http://livedemo00.template-help.com/magento_42968/skin/frontend/default/theme451/css/styles-ie.css" media="all" />
<![endif]-->
    <!--[if lt IE 7]>
<script type="text/javascript" src="http://livedemo00.template-help.com/magento_42968/js/lib/ds-sleight.js"></script>
<script type="text/javascript" src="http://livedemo00.template-help.com/magento_42968/skin/frontend/base/default/js/ie6.js"></script>
<![endif]-->
    <script type="text/javascript">
        //<![CDATA[
        Mage.Cookies.path = '/magento_42968';
        Mage.Cookies.domain = '.livedemo00.template-help.com';
        //]]>
    </script>
    <script>
        function omitirAcentos(text) {
            var acentos = "ÃÀÁÄÂÈÉËÊÌÍÏÎÒÓÖÔÙÚÜÛãàáäâèéëêìíïîòóöôùúüûÑñÇç";
            var original = "AAAAAEEEEIIIIOOOOUUUUaaaaaeeeeiiiioooouuuunncc";
            for (var i = 0; i < acentos.length; i++) {
                if (text != null) {
                    text = text.replace(acentos.charAt(i), original.charAt(i));
                }
            }
            return text.toLowerCase();
        }

        $(document).ready(function () {
            var region = localStorage.getItem("region");
            var url = "http://servicedatosabiertoscolombia.cloudapp.net/v1/Instituto_Nacional_de_Salud/indiceirca?$format=json";
            if (region == 'andina') {
                var sumantioquia = 0, sumaboyaca = 0, sumacaldas = 0, sumacundinamarca = 0, sumahuila = 0, sumanorte = 0, sumaquindio = 0, sumarisaralda = 0, sumasantander = 0, sumatolima = 0
                var cantantioquia = 0, cantboyaca = 0, cantcaldas = 0, cantcundinamarca = 0, canthuila = 0, cantnorte = 0, cantquindio = 0, cantrisaralda = 0, cantsantander = 0, canttolima = 0;
                var totalantioquia = 0, totalboyaca = 0, totalcaldas = 0, totalcundinamarca = 0, totalhuila = 0, totalnorte = 0, totalquindio = 0, totalrisaralda = 0, totalsantander = 0, totaltolima = 0;

                $.ajax({
                    url: url,
                    type: 'GET',
                    dataType: 'jsonp',
                    crossDomain: true,
                    success: function (data) {
                        $.each(data, function (i, field) {
                            var cant = field.length;
                            $.each(field, function (x, item) {
                                if (omitirAcentos(field[x].departamento) == 'medellin' || omitirAcentos(field[x].departamento) == 'antioquia') {
                                    cantantioquia++;
                                    sumantioquia += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'tunja' || omitirAcentos(field[x].departamento) == 'boyaca') {
                                    cantboyaca++;
                                    sumaboyaca += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'manizales' || omitirAcentos(field[x].departamento) == 'caldas') {
                                    cantcaldas++;
                                    sumacaldas += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'cundinamarca' || omitirAcentos(field[x].departamento) == 'bogota. d.c.') {
                                    cantcundinamarca++;
                                    sumacundinamarca += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'huila' || omitirAcentos(field[x].departamento) == 'neiva') {
                                    canthuila++;
                                    sumahuila += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'norte de santander' || omitirAcentos(field[x].departamento) == 'cucuta') {
                                    cantnorte++;
                                    sumanorte += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'quindio' || omitirAcentos(field[x].departamento) == 'armenia') {
                                    cantquindio++;
                                    sumaquindio += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'risaralda' || omitirAcentos(field[x].departamento) == 'pereira') {
                                    cantrisaralda++;
                                    sumarisaralda += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'santander' || omitirAcentos(field[x].departamento) == 'bucaramanga') {
                                    cantsantander++;
                                    sumasantander += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'tolima' || omitirAcentos(field[x].departamento) == 'ibague') {
                                    canttolima++;
                                    sumatolima += parseFloat(field[x].promedio_irca);
                                }
                            });
                        });

                        $("#loaderGif").css("display", "none");

                        totalantioquia = parseFloat(sumantioquia).toFixed(2) / parseFloat(cantantioquia).toFixed(2);
                        totalboyaca = parseFloat(sumaboyaca).toFixed(2) / parseFloat(cantboyaca).toFixed(2);
                        totalcaldas = parseFloat(sumacaldas).toFixed(2) / parseFloat(cantcaldas).toFixed(2);
                        totalcundinamarca = parseFloat(sumacundinamarca).toFixed(2) / parseFloat(cantcundinamarca).toFixed(2);
                        totalhuila = parseFloat(sumahuila).toFixed(2) / parseFloat(canthuila).toFixed(2);
                        totalnorte = parseFloat(sumanorte).toFixed(2) / parseFloat(cantnorte).toFixed(2);
                        totalquindio = parseFloat(sumaquindio).toFixed(2) / parseFloat(cantquindio).toFixed(2);
                        totalrisaralda = parseFloat(sumarisaralda).toFixed(2) / parseFloat(cantrisaralda).toFixed(2);
                        totalsantander = parseFloat(sumasantander).toFixed(2) / parseFloat(cantsantander).toFixed(2);
                        totaltolima = parseFloat(sumatolima).toFixed(2) / parseFloat(canttolima).toFixed(2);

                        $('#container').highcharts({
                            chart: {
                                type: 'column'
                            },
                            title: {
                                text: 'Calidad del agua potable para consumo humano por región'
                            },
                            subtitle: {
                                text: 'Región Andina'
                            },
                            xAxis: {
                                categories: [
                                    'Antioquia',
                                    'Boyaca',
                                    'Caldas',
                                    'Cundinamarca',
                                    'Huila',
                                    'Norte de santander',
                                    'Quindio',
                                    'Risaralda',
                                    'Santander',
                                    'Tolima'
                                ]
                            },
                            yAxis: {
                                min: 0,
                                title: {
                                    text: 'Promedio  del nivel de calidad del agua'
                                }
                            },
                            tooltip: {
                                headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
                                pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                                        '<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
                                footerFormat: '</table>',
                                shared: true,
                                useHTML: true
                            },
                            plotOptions: {
                                column: {
                                    pointPadding: 0.2,
                                    borderWidth: 0
                                }
                            },
                            series: [{
                                name: 'Valor Promedio Irca',
                                data: [totalantioquia, totalboyaca, totalcaldas, totalcundinamarca, totalhuila, totalnorte, totalquindio, totalrisaralda, totalsantander, totaltolima]

                            }]
                        });

                    },
                    error: function (x, y, z) {
                        console.log("Error retrieving ws");
                    }
                });
            }

            if (region == 'caribe') {
                var sumatlantico = 0, sumabolivar = 0, sumacesar = 0, sumacordoba = 0, sumaguajira = 0, sumamagdalena = 0, sumaandres = 0;
                var cantatlantico = 0, cantbolivar = 0, cantcesar = 0, cantcordoba = 0, cantguajira = 0, cantmagdalena = 0, cantandres = 0;
                var totalatlantico = 0, totalbolivar = 0, totalcesar = 0, totalcordoba = 0, totalguajira = 0, totalmagdalena = 0, totalandres = 0;

                $.ajax({
                    url: url,
                    type: 'GET',
                    dataType: 'jsonp',
                    crossDomain: true,
                    success: function (data) {
                        $.each(data, function (i, field) {
                            var cant = field.length;
                            $.each(field, function (x, item) {
                                if (omitirAcentos(field[x].departamento) == 'atlantico' || omitirAcentos(field[x].departamento) == 'barranquilla') {
                                    cantatlantico++;
                                    sumatlantico += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'bolivar' || omitirAcentos(field[x].departamento) == 'cartagena') {
                                    cantbolivar++;
                                    sumabolivar += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'cesar' || omitirAcentos(field[x].departamento) == 'valledupar') {
                                    cantcesar++;
                                    sumacesar += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'cordoba' || omitirAcentos(field[x].departamento) == 'monteria') {
                                    cantcordoba++;
                                    sumacordoba += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'la guajira' || omitirAcentos(field[x].departamento) == 'riohacha') {
                                    cantguajira++;
                                    sumaguajira += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'magdalena' || omitirAcentos(field[x].departamento) == 'santa marta') {
                                    cantmagdalena++;
                                    sumamagdalena += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'san andres') {
                                    cantandres++;
                                    sumaandres += parseFloat(field[x].promedio_irca);
                                }
                            });
                        });

                        $("#loaderGif").css("display", "none");

                        totalatlantico = parseFloat(sumatlantico).toFixed(2) / parseFloat(cantatlantico).toFixed(2);
                        totalbolivar = parseFloat(sumabolivar).toFixed(2) / parseFloat(cantbolivar).toFixed(2);
                        totalcesar = parseFloat(sumacesar).toFixed(2) / parseFloat(cantcesar).toFixed(2);
                        totalcordoba = parseFloat(sumacordoba).toFixed(2) / parseFloat(cantcordoba).toFixed(2);
                        totalguajira = parseFloat(sumaguajira).toFixed(2) / parseFloat(cantguajira).toFixed(2);
                        totalmagdalena = parseFloat(sumamagdalena).toFixed(2) / parseFloat(cantmagdalena).toFixed(2);
                        totalandres = parseFloat(sumaandres).toFixed(2) / parseFloat(cantandres).toFixed(2);

                        $('#container').highcharts({
                            chart: {
                                type: 'column'
                            },
                            title: {
                                text: 'Calidad del agua potable para consumo humano por región'
                            },
                            subtitle: {
                                text: 'Región del Caribe '
                            },
                            xAxis: {
                                categories: [
                                    'Atlantico',
                                    'Bolivar',
                                    'Cesar',
                                    'Cordoba',
                                    'La Guajira',
                                    'Magdalena',
                                    'San Andres'
                                ]
                            },
                            yAxis: {
                                min: 0,
                                title: {
                                    text: 'Promedio  del nivel de calidad del agua'
                                }
                            },
                            tooltip: {
                                headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
                                pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                                    '<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
                                footerFormat: '</table>',
                                shared: true,
                                useHTML: true
                            },
                            plotOptions: {
                                column: {
                                    pointPadding: 0.2,
                                    borderWidth: 0
                                }
                            },
                            series: [{
                                name: 'Valor Promedio Irca',
                                data: [totalatlantico, totalbolivar, totalcesar, totalcordoba, totalguajira, totalmagdalena, totalandres]
                            }]
                        });

                    },
                    error: function (x, y, z) {
                        console.log("Error retrieving ws");
                    }
                });
            }
            if (region == 'pacifico') {
                var sumachoco = 0, sumavalle = 0, sumacauca = 0, sumanarino = 0;
                var cantchoco = 0, cantvalle = 0, cantcauca = 0, cantnarino = 0;
                var totalchoco = 0, totalvalle = 0, totalcauca = 0, totalnarino = 0;

                $.ajax({
                    url: url,
                    type: 'GET',
                    dataType: 'jsonp',
                    crossDomain: true,
                    success: function (data) {
                        $.each(data, function (i, field) {
                            var cant = field.length;
                            $.each(field, function (x, item) {
                                if (omitirAcentos(field[x].departamento) == 'choco' || omitirAcentos(field[x].departamento) == 'quibdo') {
                                    cantchoco++;
                                    sumachoco += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'valle del cauca' || omitirAcentos(field[x].departamento) == 'cali') {
                                    cantvalle++;
                                    sumavalle += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'cauca' || omitirAcentos(field[x].departamento) == 'popayan') {
                                    cantcauca++;
                                    sumacauca += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'narino' || omitirAcentos(field[x].departamento) == 'pasto') {
                                    cantnarino++;
                                    sumanarino += parseFloat(field[x].promedio_irca);
                                }
                            });
                        });

                        $("#loaderGif").css("display", "none");

                        if (parseFloat(cantchoco) > 0) {
                            totalchoco = parseFloat(sumachoco).toFixed(2) / parseFloat(cantchoco).toFixed(2);
                        }
                        else {
                            totalchoco = 0;
                        }
                        if (parseFloat(cantvalle) > 0) {
                            totalvalle = parseFloat(sumavalle).toFixed(2) / parseFloat(cantvalle).toFixed(2);
                        }
                        else {
                            totalvalle = 0;
                        }
                        if (parseFloat(cantcauca) > 0) {
                            totalcauca = parseFloat(sumacauca).toFixed(2) / parseFloat(cantcauca).toFixed(2);
                        }
                        else {
                            totalcauca = 0;
                        }
                        if (parseFloat(cantnarino) > 0) {
                            totalnarino = parseFloat(sumanarino).toFixed(2) / parseFloat(cantnarino).toFixed(2);
                        }
                        else {
                            totalnarino = 0;
                        }

                        $('#container').highcharts({
                            chart: {
                                type: 'column'
                            },
                            title: {
                                text: 'Calidad del agua potable para consumo humano por región'
                            },
                            subtitle: {
                                text: 'Región del Pacífico '
                            },
                            xAxis: {
                                categories: [
                                    'Choco',
                                    'Valle del Cauca',
                                    'Cauca',
                                    'Nariño'
                                ]
                            },
                            yAxis: {
                                min: 0,
                                title: {
                                    text: 'Promedio  del nivel de calidad del agua'
                                }
                            },
                            tooltip: {
                                headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
                                pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                                    '<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
                                footerFormat: '</table>',
                                shared: true,
                                useHTML: true
                            },
                            plotOptions: {
                                column: {
                                    pointPadding: 0.2,
                                    borderWidth: 0
                                }
                            },
                            series: [{
                                name: 'Valor Promedio Irca',
                                data: [totalchoco, totalvalle, totalcauca, totalnarino]
                            }]
                        });

                    },
                    error: function (x, y, z) {
                        console.log("Error retrieving ws");
                    }
                });
            }
            if (region == 'amazonia') {
                var sumaamazonas = 0, sumacaqueta = 0, sumaguainia = 0, sumaguaviare = 0, sumaputumayo = 0, sumavaupes = 0;
                var cantamazonas = 0, cantcaqueta = 0, cantguainia = 0, cantguaviare = 0, cantputumayo = 0, cantvaupes = 0;
                var totalamazonas = 0, totalcaqueta = 0, totalguainia = 0, totalguaviare = 0, totalputumayo = 0, totalvaupes = 0;

                $.ajax({
                    url: url,
                    type: 'GET',
                    dataType: 'jsonp',
                    crossDomain: true,
                    success: function (data) {
                        $.each(data, function (i, field) {
                            var cant = field.length;
                            $.each(field, function (x, item) {
                                if (omitirAcentos(field[x].departamento) == 'amazonas' || omitirAcentos(field[x].departamento) == 'leticia') {
                                    cantamazonas++;
                                    sumaamazonas += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'caqueta' || omitirAcentos(field[x].departamento) == 'florencia') {
                                    cantcaqueta++;
                                    sumacaqueta += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'guainia' || omitirAcentos(field[x].departamento) == 'puerto inirida') {
                                    cantguainia++;
                                    sumaguainia += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'guaviare' || omitirAcentos(field[x].departamento) == 'san jose') {
                                    cantguaviare++;
                                    sumaguaviare += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'putumayo' || omitirAcentos(field[x].departamento) == 'mocoa') {
                                    cantputumayo++;
                                    sumaputumayo += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'vaupes' || omitirAcentos(field[x].departamento) == 'mitu') {
                                    cantvaupes++;
                                    sumavaupes += parseFloat(field[x].promedio_irca);
                                }
                            });
                        });

                        $("#loaderGif").css("display", "none");

                        if (parseFloat(cantamazonas) > 0) {
                            totalamazonas = parseFloat(sumaamazonas).toFixed(2) / parseFloat(cantamazonas).toFixed(2);
                        }
                        else {
                            totalamazonas = 0;
                        }
                        if (parseFloat(cantcaqueta) > 0) {
                            totalcaqueta = parseFloat(sumacaqueta).toFixed(2) / parseFloat(cantcaqueta).toFixed(2);
                        }
                        else {
                            totalcaqueta = 0;
                        }
                        if (parseFloat(cantguainia) > 0) {
                            totalguainia = parseFloat(sumaguainia).toFixed(2) / parseFloat(cantguainia).toFixed(2);
                        }
                        else {
                            totalguainia = 0;
                        }
                        if (parseFloat(cantguaviare) > 0) {
                            totalguaviare = parseFloat(sumaguaviare).toFixed(2) / parseFloat(cantguaviare).toFixed(2);
                        }
                        else {
                            totalguaviare = 0;
                        }
                        if (parseFloat(cantputumayo) > 0) {
                            totalputumayo = parseFloat(sumaputumayo).toFixed(2) / parseFloat(cantputumayo).toFixed(2);
                        }
                        else {
                            totalputumayo = 0;
                        }
                        if (parseFloat(cantvaupes) > 0) {
                            totalvaupes = parseFloat(sumavaupes).toFixed(2) / parseFloat(cantvaupes).toFixed(2);
                        }
                        else {
                            totalvaupes = 0;
                        }

                        $('#container').highcharts({
                            chart: {
                                type: 'column'
                            },
                            title: {
                                text: 'Calidad del agua potable para consumo humano por región'
                            },
                            subtitle: {
                                text: 'Región de la Amazonía '
                            },
                            xAxis: {
                                categories: [
                                    'Amazonas',
                                    'Caqueta',
                                    'Guainía',
                                    'Guaviare',
                                    'Putumayo',
                                    'Vaupés'
                                ]
                            },
                            yAxis: {
                                min: 0,
                                title: {
                                    text: 'Promedio  del nivel de calidad del agua'
                                }
                            },
                            tooltip: {
                                headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
                                pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                                    '<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
                                footerFormat: '</table>',
                                shared: true,
                                useHTML: true
                            },
                            plotOptions: {
                                column: {
                                    pointPadding: 0.2,
                                    borderWidth: 0
                                }
                            },
                            series: [{
                                name: 'Valor Promedio Irca',
                                data: [totalamazonas, totalcaqueta, totalguainia, totalguaviare, totalputumayo, totalvaupes]
                            }]
                        });

                    },
                    error: function (x, y, z) {
                        console.log("Error retrieving ws");
                    }
                });
            }
            if (region == 'orinoquia') {
                var sumameta = 0, sumavichada = 0, sumacasanare = 0, sumaarauca = 0;
                var cantmeta = 0, cantvichada = 0, cantcasanare = 0, cantarauca = 0;
                var totalmeta = 0, totalvichada = 0, totalcasanare = 0, totalarauca = 0;
                $.ajax({
                    url: url,
                    type: 'GET',
                    dataType: 'jsonp',
                    crossDomain: true,
                    success: function (data) {
                        $.each(data, function (i, field) {
                            var cant = field.length;
                            $.each(field, function (x, item) {
                                if (omitirAcentos(field[x].departamento) == 'meta' || omitirAcentos(field[x].departamento) == 'villavicencio') {
                                    cantmeta++;
                                    sumameta += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'vichada' || omitirAcentos(field[x].departamento) == 'puerto carreno') {
                                    cantvichada++;
                                    sumavichada += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'casanare' || omitirAcentos(field[x].departamento) == 'yopal') {
                                    cantcasanare++;
                                    sumacasanare += parseFloat(field[x].promedio_irca);
                                }
                                if (omitirAcentos(field[x].departamento) == 'arauca') {
                                    cantarauca++;
                                    sumaarauca += parseFloat(field[x].promedio_irca);
                                }
                            });
                        });

                        $("#loaderGif").css("display", "none");

                        if (parseFloat(cantmeta) > 0) {
                            totalmeta = parseFloat(sumameta).toFixed(2) / parseFloat(cantmeta).toFixed(2);
                        }
                        else {
                            totalmeta = 0;
                        }
                        if (parseFloat(cantvichada) > 0) {
                            totalvichada = parseFloat(sumavichada).toFixed(2) / parseFloat(cantvichada).toFixed(2);
                        }
                        else {
                            totalvichada = 0;
                        }
                        if (parseFloat(cantcasanare) > 0) {
                            totalcasanare = parseFloat(sumacasanare).toFixed(2) / parseFloat(cantcasanare).toFixed(2);
                        }
                        else {
                            totalcasanare = 0;
                        }
                        if (parseFloat(cantarauca) > 0) {
                            totalarauca = parseFloat(sumaarauca).toFixed(2) / parseFloat(cantarauca).toFixed(2);
                        }
                        else {
                            totalarauca = 0;
                        }
                        
                        $('#container').highcharts({
                            chart: {
                                type: 'column'
                            },
                            title: {
                                text: 'Calidad del agua potable para consumo humano por región'
                            },
                            subtitle: {
                                text: 'Región de la Orinoquía '
                            },
                            xAxis: {
                                categories: [
                                    'Meta',
                                    'Vichada',
                                    'Casanare',
                                    'Arauca'
                                ]
                            },
                            yAxis: {
                                min: 0,
                                title: {
                                    text: 'Promedio  del nivel de calidad del agua'
                                }
                            },
                            tooltip: {
                                headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
                                pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                                    '<td style="padding:0"><b>{point.y:.1f}</b></td></tr>',
                                footerFormat: '</table>',
                                shared: true,
                                useHTML: true
                            },
                            plotOptions: {
                                column: {
                                    pointPadding: 0.2,
                                    borderWidth: 0
                                }
                            },
                            series: [{
                                name: 'Valor Promedio Irca',
                                data: [totalmeta, totalvichada, totalcasanare, totalarauca]
                            }]
                        });

                    },
                    error: function (x, y, z) {
                        console.log("Error retrieving ws");
                    }
                });
            }
        });

    </script>
</head>
<body class=" catalog-category-view categorypath-servers-html category-servers">
    <div class="wrapper en-lang-class">
        <noscript>
            <div class="global-site-notice noscript">
                <div class="notice-inner">
                    <p>
                        <strong>Active javascript en su navegador.</strong><br />
                    </p>
                </div>
            </div>
        </noscript>
        <div class="page">
            <div class="header-container">
                <div class="container">
                    <div class="row">
                        <div class="span12">
                            <div class="header">
                                <!-- <p class="welcome-msg"> </p> -->
                                <!--<div class="header-buttons">
                                    <div class="row-1">
                                        <div class="header-button top-login">
                                            <ul style="display: none;" class="links">
                                                <li class="first last"><a href="#" title="Log In" class="Login_link">Log In</a></li>
                                            </ul>
                                        </div>
                                        <div class="header-button menu-list">
                                            <a href="#"></a>
                                            <ul style="display: none;" class="links">
                                                <li class="first"><a href="#" title="My Account">My Account</a></li>
                                                <li><a href="#" title="My Cart" class="top-link-cart">My Cart</a></li>
                                                <li><a href="#" title="Checkout" class="top-link-checkout">Checkout</a></li>
                                                <li class=" last"><a href="#" title="My Wishlist">My Wishlist</a></li>
                                            </ul>
                                        </div>
                                        <div class="header-button currency-list">
                                            <a href="#">$</a>
                                            <ul style="display: none;">
                                                <li><a href="#" title="GBP">British Pound Sterling - GBP</a> </li>
                                                <li><a href="#" title="EUR">Euro - EUR</a> </li>
                                                <li><a href="#" title="USD">US Dollar - USD</a> </li>
                                            </ul>
                                        </div>
                                        <div class="header-button lang-list">
                                            <a href="#">en </a>
                                            <ul style="display: none;">
                                                <li><a href="#" title="en_US">English</a> <span>en </span></li>
                                                <li><a href="#" title="de_DE">German</a> <span></span></li>
                                                <li><a href="#" title="es_ES">Spanish</a> <span></span></li>
                                                <li><a href="#" title="ru_RU">Russian</a> <span></span></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>-->
                                <h1 class="logo">
                                    <strong>Sigci</strong><a href="#" title="Gadget online" class="logo"><img src="images/logo.png"
                                        alt="Gadget online"></a></h1>
                                <h1 class="logo">
                                    <strong>Min Tic</strong><a href="#" title="Gadget online" class="logo"><img src="images/mintic.png"
                                        alt="Gadget online"></a></h1>
                                <h1 class="logo">
                                    <strong>Prosperidad para Todos</strong><a href="#" title="Gadget online" class="logo"><img
                                        src="images/prosperidad.png" alt="Gadget online"></a></h1>
                                <h1 class="logo">
                                    <strong>Vive Digital</strong><a href="#" title="Gadget online" class="logo"><img
                                        src="images/vivedigital.png" alt="Gadget online"></a></h1>
                                <!--<div class="row-2">
                                    <div class="block-cart-header">
                                        <h3>
                                            My Cart:</h3>
                                        <div class="block-content">
                                            <div class="empty">
                                                0 item(s) <span class="price">$0.00</span>
                                                <div style="display: none;" class="cart-content">
                                                    You have no items in your shopping cart.
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="quick-access">
                                        <div class="header-links">
                                            <ul class="links LoginLink">
                                                <li class="first"><a href="#" title="My Account">My Account</a></li>
                                                <li><a href="#" title="My Cart" class="top-link-cart">My Cart</a></li>
                                                <li><a href="#" title="Checkout" class="top-link-checkout">Checkout</a></li>
                                                <li class=" last"><a href="#" title="My Wishlist">My Wishlist</a></li>
                                            </ul>
                                            <ul class="links">
                                                <li class="first last"><a href="#" title="Log In" class="Login_link">Log In</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="clear">
                                    </div>
                                </div>
                                <div class="clear">
                                </div>-->
                            </div>
                        </div>
                    </div>
                    <div class="clear">
                    </div>
                </div>
            </div>
            <div class="nav-container" style="margin-top: 10px;">
                <div class="container">
                    <div class="row">
                        <div class="span12">
                            <div id="menu-icon">
                                Categorías</div>
                            <ul id="nav" class="sf-menu sf-js-enabled">
                                <li class="level0 nav-1 first level-top"><a href="index.html" class="level-top"><span>
                                    HOME</span></a> </li>
                                <li class="level0 nav-1 first level-top parent"><a href="#" class="level-top"><span>
                                    ICBF</span></a>
                                    <ul style="display: none;" class="level0">
                                        <li class="level1 nav-1-1 first"><a href="icbf.html"><span>Puntos de atención</span></a></li>
                                        <li class="level1 nav-1-2"><a href="icbf-bienestarina.html"><span>Puntos de distribución
                                            de bienestarina</span></a></li>
                                    </ul>
                                </li>
                                <li class="level0 nav-2 level-top parent"><a href="#" class="level-top"><span>Educación</span></a>
                                    <ul style="display: none;" class="level0">
                                        <li class="level1 nav-2-1 first"><a href="instituciones.html"><span>Instituciones de
                                            educación para el trabajo y el desarrollo humano</span></a></li>
                                            <li class="level1 nav-2-1 first"><a href="ins-educativas.html"><span>Establecimientos educativos</span></a></li>
                                    </ul>
                                </li>
                                <li class="level0 nav-3 level-top parent"><a href="#" class="level-top"><span>Salud</span></a><ul
                                    style="display: none;" class="level0">
                                    <li class="level1 nav-3-1 first"><a href="indicadores.html"><span>Indicador de salubridad
                                        del agua</span></a></li>
                                </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="clear">
                    </div>
                </div>
            </div>
            <div class="main-container col2-right-layout">
                <div class="container">
                    <div class="row">
                        <div class="span12">
                            <div class="main">
                                <div class="breadcrumbs">
                                    <ul>
                                        <li class="home"><a href="index.html" title="Volver al inicio">Inicio</a> <span>&gt;</span>
                                        </li>
                                        <li class="category3"><a href="indicadores.html" title="Indicadores">Salubridad del
                                            agua</a> <span>&gt;</span> </li>
                                        <li class="category3"><strong>Región</strong> </li>
                                    </ul>
                                </div>
                                <div id="loaderGif">
                                    <img src="images/ajax-loader.gif" alt="cargando" style="top: 65%; left: 47%; z-index: 1000;
                                        position: fixed;" />
                                </div>
                                <div class="row">
                                    <div class="col-main span12">
                                        <div class="padding-s">
                                            <div class="page-title category-title">
                                                <h1>
                                                    Indicadores de salubridad    
                                                </h1>
                                            </div>
                                            <div class="block-title">
                                                <br />
                                                <div class="category-products">
                                                    <!-- Aca va el contenido principal de la pagina   -->
                                                    <div id="container" style="min-width: 310px; height: 400px; margin: 0 auto">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-container-2">
                <div class="container">
                    <div class="row">
                        <div class="span12">
                            <div class="footer footer2">
                                <address>
                                    ©
                                    <script type="text/javascript">                                        var mdate = new Date(); document.write(mdate.getFullYear());</script>
                                    SIGCI. Todos los derechos reservados.
                                </address>
                                <!--{%FOOTER_LINK}-->
                                <div class="clear">
                                </div>
                                <!--<div class="paypal-logo">
                                    <a href="#" title="Additional Options" onclick="javascript:window.open('https://www.paypal.com/us/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside','paypal','width=600,height=350,left=0,top=0,location=no,status=yes,scrollbars=yes,resizable=yes'); return false;">
                                        <img src="images/bnr_nowAccepting_150x60.gif" alt="Additional Options" title="Additional Options"></a>
                                </div>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--LIVEDEMO_00 --> <script src="js/rum.js" type="text/javascript"></script> <script
    src="js/72d7dcce33.js" type="text/javascript"></script> <script src="http://code.highcharts.com/highcharts.js"></script>
    <script src="http://code.highcharts.com/modules/exporting.js"></script>
</body>
</html>
